<template>
  <div>
    <ul>
      <li>
        <router-link :to="{path:'/Event'}">event</router-link>
      </li>
      <li>
        <router-link :to="{path:'/Directive',name:'Directive',params:{count:10} }">directive</router-link>
      </li>
      <li>
        <router-link :to="{path:'/Filter'}">filter</router-link>
      </li>     
    </ul>
  </div>
</template>

<script>
export default {
  name: "NavList",
  data() {
    return {};
  },
};
</script>

<style scoped>
ul li {
  
  list-style: none;
  display: inline-block;
  margin: 0 20px;
}

</style>